@charset "utf-8";
@import "common";
.info-web {
    background: #bf0c21 url(../images/xx_03.png) 100%/100% repeat-y;
    @include midContent;
    bottom: 0;
    background-size: 200%;
    .info-box {
        width: 100%;
        height: r(600);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        overflow: hidden;
        h4 {
            font-weight: 400;
            font-size: r(28);
            color: #E7C598;
            text-align: center;
        }
        .info-textbox {
            width: r(352);
            overflow: hidden;
            margin: r(20) auto r(20) auto;
            .left {
                width: r(155);
                height: r(50);
                background: #E7C598;
                border-radius: r(10);
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
                float: left;
                margin-left: r(5);
                margin-top: r(20);
                p {
                    font-size: r(20);
                    color: #cc4a49;
                    line-height: r(50);
                    padding-left: r(16);
                    border-right: 1px solid #bf0c21;
                }
            }
            .right {
                float: right;
                border-radius: r(10);
                margin-top: r(20);
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
                background: #E7C598;
                width: r(192);
                height: r(50);
                input {
                    padding-left: r(10);
                    display: block;
                    width: r(162);
                    height: r(50);
                    background: transparent;
                    border: none;
                }
            }
        }
        .info-text {
            width: 100%;
            margin: r(30) auto r(20) auto;
            p {
                font-size: r(16);
                color: #e7c598;
                line-height: r(30);
                text-align: center;
            }
        }
        .info-submit {
            background: url(../images/box_15.png) 100%/100% no-repeat;
            width: r(250);
            height: r(50);
            line-height: r(50);
            margin: 0 auto;
            border: none;
            color: #e7c598;
            font-size: r(20);
            text-align: center;
        }
        .info-cabin {
            position: absolute;
            right: r(46);
            bottom: r(25);
            width: r(41);
            height: r(41);
            border-radius: 50%;
            background: url(../images/cabin_07.png) 100%/100% no-repeat;
        }
    }
}

.bomb {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    background-color: rgba(0, 0, 0, 0.4);
    .dj {
        width: r(418);
        height: r(255);
        background: #e7c598;
        border-radius: r(20);
        margin: r(350) auto;
        img {
            width: r(50);
            height: r(50);
            float: right;
            padding: r(10);
        }
        p {
            text-align: center;
            font-size: r(40);
            font-weight: bold;
            color: #BF0C21;
            letter-spacing: r(2);
            padding: r(20) r(50) r(30) r(80);
        }
        .btu {
            width: r(194);
            height: r(35);
            background: #BF0C21;
            margin: 0 auto;
            border-radius: r(8);
            button {
                color: #E7C598;
                font-size: r(18);
                line-height: r(30);
                background: transparent;
                border: none;
                padding-top: r(4);
                //              margin-top: r(2);
                text-align: center;
                margin: 0 auto;
                display: block;
                vertical-align: top;
            }
        }
    }
}